<!--课程库管理-->
<template>
  <div class="conintaer">
    <div class="left">
      <el-tree 
        :data="data"
        ref="ass"
        :props="defaultProps"
        node-key="id"
        @node-click="handleNodeClick"
        :load="loadNode"
        lazy
        style="color:#004ca7"
      >
      </el-tree>
    </div>
    <div class="right">
      <div class="assessment-container">
        <div class="search-container" v-show="isClickDetail != ''">
          <div class="search-container-item">
            <span>学期：</span>
            <el-select v-model="xueqi"
                       style="width: 90px"
                       size="mini"
                       clearable
                       placeholder="请选择">
              <el-option v-for="item in xueqiList"
                         :key="item.value"
                         :label="item.xqmc"
                         :value="item.xqmc">
              </el-option>
            </el-select>
          </div>
          <div class="search-container-item">
            <span>课程编号</span>
            <el-input style="width: 120px"
                      size="mini"
                      placeholder="请输入内容"
                      v-model="courseCode"></el-input>
          </div>
          <div class="search-container-item">
            <span>课程名称：</span>
            <el-input style="width: 120px"
                      size="mini"
                      placeholder="请输入内容"
                      v-model="courseName"></el-input>
          </div>
          <div class="search-container-item">
            <span>学科分类</span>
            <el-select v-model="subjectType"
                       style="width: 90px"
                       size="mini"
                       placeholder="请选择">
              <el-option v-for="item in xkmlList"
                         :key="item.value"
                         :label="item.label"
                         :value="item.value">
              </el-option>
            </el-select>
          </div>
          <!-- <div  @click="cxfl">
           <el-button icon="el-icon-search" type="primary" size="mini"
            >查询</el-button>
          </div> -->
          <div class="search-button"
               @click="cxfl"
               style="margin: 3px 15px 0 0;">
            <img src="../../../assets/assessment/icon-search.png"
                 alt="" />
            <span>查询</span>
          </div>
          <div style="display: inline-flex; justify-content: flex-end; margin-top: 4px;position: absolute;right: 25px;" v-show="isClickDetail != ''">
            <!-- <el-button icon="el-icon-delete" @click="removeAll" size="mini" type="danger">批量选中删除</el-button>
            <el-button icon="el-icon-circle-plus-outline" @click="tjkc()" size="mini" type="warning">添加课程</el-button>
            <el-button icon="el-icon-s-tools"  @click="hjkcwh" size="mini" type="info">获奖课程维护</el-button> -->
            <button style="
                width: 150px;
                height: 27px;
                background: #ffefef;
                border: 1px solid #ff3819;
                border-radius: 6px;
                color: #ff3819;
              "
                    @click="deleteAll">
              <img src="@/assets/assessment/删除.png"
                  class="img" /><span style="margin-left:5px">批量选中删除</span>
            </button>
            <button style="
                width: 150px;
                height: 27px;
                background: #fff6ef;
                border: 1px solid #f3b815;
                border-radius: 6px;
                color: #f3b815;
                margin-left: 10px;
              "
                    @click="tjkc()">
              <img src="../../../assets/assessment/class-add-icon.png"
                  class="img"
                  style="width: 14px;
                  height: 14px;
                  position: relative;
                  top: 2px;" /><span style="margin-left:5px">添加课程</span>
            </button>
            <button style="
                width: 150px;
                height: 27px;
                background: #ffefef;
                border: 1px solid #5230e9;
                border-radius: 6px;
                color: #5230e9;
                margin-left: 10px;
              "
                    @click="hjkcwh">
              <img src="@/assets/assessment/奖杯.png"
                  class="img" /><span style="margin-left:5px">获奖课程维护</span>
            </button>
          </div>
        </div>
        <div>
          <div class="plan-entry-table-container" v-show="isClickDetail == ''">
            <el-table :data="tableData1"
                      :key="timeStamp"
                      style="width: 100%; margin: 0 auto; margin-top: 20px;border: 1px solid #004ca7;"
                      class="xpaasOne-table-class"
                      row-class-name="xpaasOne-row-class"
                      cell-class-name="xpaasOne-cell-class"
                      header-row-class-name="xpaasOne-header-row-class"
                      header-cell-class-name="xpaasOne-header-cell-class">
              <el-table-column 
                prop="deptName"
                label="部门"
                align="center"
                style="height:76px"
              >
              </el-table-column>
              <el-table-column prop="teachingClassName"
                                label="教研室"
                                align="center">
              </el-table-column>
              <el-table-column label="开课门数"
                                align="center"
                                style=" border: 1px solid #1907e4!important;">
                <el-table-column v-for="(item, index) in header"
                                  :key="index"
                                  :label="item.level"
                                  align="center">
                  <template slot-scope="scope">
                    <div style="display: flex;margin-left: 73px; width: 100px">
                      <span>{{
                        item.num
                      }}</span>
                      <div class="bk-lucj-import-button"
                            @click="bj(scope)">
                        <img src="../../../assets/assessment/icon-plan-record-detail.png"
                              alt=""
                              style="margin-left: 5px;margin-top: 5px;width:15px;height:15px" />
                      </div>
                    </div>
                  </template>
                </el-table-column>
              </el-table-column>
              <el-table-column prop="num"
                                label="合计"
                                align="center">
                <template slot-scope="scope">
                  <div style="display: flex;margin-left: 73px">
                    <span>{{ scope.row.num }}</span>
                    <div class="bk-lucj-import-button"
                          @click="hj(scope.row)">
                      <img src="../../../assets/assessment/icon-plan-record-detail.png"
                            alt=""
                            style="margin-left: 5px;margin-top: 5px;width:15px;height:15px" />
                    </div>
                  </div>
                </template>
              </el-table-column>
            </el-table>
          </div>
          <div class="plan-entry-table-container" style="margin-top: 15px"  v-show="isClickDetail != ''">
            <el-table :data="tableData2"
                      :key="timeStamps"
                      max-height="620px"
                      style="width: 100%; margin: 0 auto"
                      class="xpaas-table-class"
                      row-class-name="xpaas-row-class"
                      cell-class-name="xpaas-cell-class"
                      header-row-class-name="xpaas-header-row-class"
                      header-cell-class-name="xpaas-header-cell-class"
                      @selection-change="handleSelectionChange">
              >
              <el-table-column type="selection"
                                width="60"></el-table-column>
              <el-table-column prop="kcflmc"
                                width="185"
                                label="操作"
                                align="center">
                <template slot-scope="{ row, $index }">
                  <div style="display: flex; margin: 0 auto; width: 290px">
                    <!-- <el-button

                      size="mini"
                      icon="el-icon-edit"
                      type="primary"
                      @click="editItem(row.id)"
                    >
                      修改
                    </el-button>

                    <el-button

                      size="mini"
                      icon="el-icon-delete"
                      type="danger"
                      @click="deleteItem(row.id)"
                    >
                      删除
                    </el-button> -->
                    <div class="xg-lucj-import-button"
                          @click="editItem(row.id)">
                      <img src="../../../assets/assessment/icon-plan-record-detail.png"
                            alt="" />
                      修改
                    </div>
                    <div class="de-lucj-import-button"
                          @click="deleteIOne(row.id)">
                      <img src="@/assets/assessment/icon-delete.png"
                            alt=""
                            style="width:13px;height:13px" />
                      删除
                    </div>
                  </div>
                </template>
              </el-table-column>
              <el-table-column prop="courseCode"
                                label="课程编号"
                                align="center">
              </el-table-column>
              <el-table-column prop="courseName"
                                label="课程名称"
                                align="center">
              </el-table-column>
              <el-table-column prop="courseSimpleName"
                                label="简称"
                                align="center">
              </el-table-column>
              <el-table-column prop="credit"
                                label="学分"
                                align="center">
              </el-table-column>
              <el-table-column prop="totalHours"
                                label="总学时"
                                align="center">
              </el-table-column>
              <el-table-column prop="levelname"
                                label="适用培养层次"
                                align="center">
              </el-table-column>
              <el-table-column prop="mainSubject"
                                label="是否主干课"
                                align="center">
              </el-table-column>
              <el-table-column prop="remark"
                                label="备注"
                                align="center">
              </el-table-column>
            </el-table>
          </div>
        </div>
        <div class="bottom-block"
              style="margin-top:15px">
          <!-- <div >
            <download-excel
              class="export-btn"
              :data="tableData2"
              :fields="jsonFields"
              type="xls"
              name="课程库管理.xls"
              style="color: #f3b815"
            >
            <el-button icon="el-icon-download" type="warning" size="mini"
            >导出Excel</el-button>
            </download-excel>
          </div> -->
          <div class="export-button"
                style="margin-top:15px">
            <img src="../../../assets/assessment/icon-export.png"
                  alt="" />
            <download-excel class="export-btn"
                            :data="tableData2"
                            :fields="jsonFields"
                            type="xls"
                            name="课程库管理.xls"
                            style="color: #f3b815;cursor: pointer">
              &ensp;导出Excel
            </download-excel>
          </div>
          <el-pagination 
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="current"
            :page-sizes="[10, 20, 30]"
            :page-size="100"
            layout="total, sizes, prev, pager, next, jumper"
            :total="total">
          </el-pagination>
        </div>
      </div>

      <!-- <div class="block" style="width: 500px; margin: 0 auto">

      </div> -->
    </div>
    <el-dialog title="添加获奖课程"
               :visible.sync="showManualEntryDialog"
               width="50%"
               class="manual-entry-container">
      <div class="assessment-edit-plan-container">
        <div class="my-form-container"
             style="width: 100%; height: auto">
          <el-row class="my-form-item">
            <el-col :span="12">
              <div class="my-form-item-label">课程编号【获奖课程】</div>
              <div class="my-form-item-value"
                   style="display: flex">
                <el-input v-model="kcbh"></el-input>
                <span style="
                    width: 120px;
                    height: 40px;
                    line-height: 40px;
                    margin-left: 10px;
                    background: #fef1e8;
                    border: 1px solid #f86900;
                    opacity: 1;
                    border-radius: 6px;
                    color: #f86900;
                    margin-top: 10px;
                  ">
                  <img src="../../../assets/assessment/删除.png"
                       class="img" />添加</span>
              </div>
            </el-col>
          </el-row>
          <el-row class="my-form-item">
            <el-col :span="12">
              <div class="my-form-item-label">获奖名称</div>
              <div class="my-form-item-value">
                <el-input v-model="hjmc"></el-input>
              </div>
            </el-col>
          </el-row>
          <el-row class="my-form-item">
            <el-col :span="12">
              <div class="my-form-item-label">获奖等级</div>
              <div class="my-form-item-value">
                <el-input v-model="hjdj"></el-input>
              </div>
            </el-col>
          </el-row>
          <el-row class="my-form-item">
            <el-col :span="12">
              <div class="my-form-item-label">获奖年份</div>
              <el-select v-model="hjnf"
                         placeholder="请选择"
                         style="margin-left: 30px; margin-top: 10px">
                <el-option v-for="item in hjnfList"
                           :key="item.value"
                           :label="item.label"
                           :value="item.value">
                </el-option>
              </el-select>
            </el-col>
          </el-row>
        </div>
        <span slot="footer"
              class="dialog-footer"
              style="width: 200px; margin: 0 auto; display: block">
          <button @click="pjByIdGuide"
                  style="
              width: 90px;
              height: 30px;
              border: 1px solid #f3b815;
              border-radius: 6px;
              color: #f3b815;
            ">
            保 存
          </button>
          <button @click="pjByIdGuide2"
                  style="
              margin-left: 20px;
              width: 90px;
              height: 30px;
              border: 1px solid #ff3819;
              border-radius: 6px;
              color: #ff3819;
            ">
            取 消
          </button>
        </span>
      </div>
    </el-dialog>
  </div>
</template>
<script>
import {
  sz,
  kkms,
  reqGetTreeTableData,
  reqGetTreeTableDatahj,
  reqCheckBottomData,
  reqDeleteBottomList,
  reqGetXqList,
  setjyscx,
} from '@/api/course/courses'
export default {
  data() {
    return {
      isClickDetail:'',
      header: [],
      headera: [],
      xueqi: '',
      selectChange: [],
      xueqiList: [],
      subjectType: '',
      removeAllIds: '',
      courseCode: '',
      courseName: '',
      xkmlList: [
        {
          value: '哲学',
          label: '哲学',
        },
        {
          value: '经济学',
          label: '经济学',
        },
        {
          value: '法学',
          label: '法学',
        },
        {
          value: '教育学',
          label: '教育学',
        },
        {
          value: '文学',
          label: '文学',
        },
        {
          value: '历史学',
          label: '历史学',
        },
        {
          value: '理学',
          label: '理学',
        },
        {
          value: '工学',
          label: '工学',
        },
        {
          value: '农学',
          label: '农学',
        },
        {
          value: '医学',
          label: '医学',
        },
        {
          value: '军事学',
          label: '军事学',
        },
        {
          value: '管理学',
          label: '管理学',
        },
      ],
      teachingClassName: '',
      teachingClassId: '',
      deptName: '',
      deptId: '',
      bj2index: '',
      bj3index: '',
      bj4index: '',
      bj1index: '',
      hjindex: '',
      current: 1,
      size: 10,
      total: '',
      rescodeid: [],
      showManualEntryDialog: false,
      timeStamp: 0,
      timeStamps: 0,
      recordList: [],
      data: [],
      tableData1: [],
      arrindex: '',
      nums: [],
      tableData2: [],
      jsonFields: {
        课程编号: 'courseCode',
        课程名称: 'courseName',
        简称: 'courseSimpleName',
        学分: 'credit',
        总学分: 'totalHours',
        适用培养层次: 'level',
        是否主干课: 'mainSubject',
        备注: 'remark',
      },
      isCAll:'false',
      detailInfo:{}
    }
  },
  created() {
    this.setjyscx()
    this.getXqList()
    this.getleft()
    this.detailInfo = JSON.parse(localStorage.getItem('cdetailInfo'));
    console.log(this.detailInfo)
    this.isClickDetail = this.detailInfo.info;
    this.teachingClassId = this.detailInfo.teachingClassId
    if(this.detailInfo.type == 'hj'){
      this.getTreeDatahj()
    } else if(this.detailInfo.type == 'dj'){
      this.getTreeData()
    }
    // this.getTreeData()
    // this.getrightt();
  },
  methods: {
    setjyscx() {
      return new Promise(() => {
        let code = 'pylevel'
        setjyscx(code).then((res) => {
          this.recordList = res.data.data || []
          for (const item of this.recordList) {
            this.rescodeid = item.children
            let leave = item.children
            for (const items of leave) {
              console.log(items.dictValue, '9118')
              let obj = {
                level: items.dictValue,
              }
              this.header.push(obj)
            }
          }
          console.log(this.header, '11111111')
        })
      })
    },
    handleSelectionChange(section) {
      const arr = []
      section.forEach((item) => {
        arr.push(item.id)
      })
      this.removeAllIds = arr.join(',')
    },
    deleteAll(){
      if (this.removeAllIds == '') {
        this.$message.error('请选择要删除的数据')
      } else {
        this.$confirm('确认要删除吗？')
        .then(_ => {
          this.removeAll()
        })
      }
    },
    async removeAll() {
      const result = await reqDeleteBottomList(this.removeAllIds)
      if (result.data.code == 200) {
        if(this.detailInfo.type == 'dj'){
          this.getTreeData()
        } else {
          this.getTreeDatahj()
        }
        this.$message.success('删除成功！')
        // if (this.hjindex != '') {
        //   this.hj(this.hjindex)
        //   this.$message({
        //     message: '恭喜你，删除成功',
        //     type: 'success',
        //   })
        // }
      } else {
        this.$message.error('删除失败！')
      }
    },
    // 获取学期院历列表
    async getXqList() {
      const result = await reqGetXqList()
      if (result.data.code == 200) {
        this.xueqiList = result.data.data
      }
    },
    editItem(id) {
      this.$router.push({
        path: '/admin/course/addCoursesr',
        query: { id: id },
      })
    },
    // 查询
    cxfl() {
      this.current = 1
      return new Promise(() => {
        reqCheckBottomData(
          this.current,
          this.size,
          this.xueqi,
          this.courseCode,
          this.courseName,
          this.subjectType
        ).then((res) => {
          this.tableData2 = res.data.data
          this.timeStamps++
        })
      })
    },
    bj(index) {
      // this.arrindex = 'bj'
      // console.log(this.rescodeid, '111')
      // for (let i = 0; i < this.rescodeid.length; i++) {
      //   if (this.rescodeid[i].dictValue == index.column.label) {
      //     this.bjid1 = this.rescodeid[i].id
      //     console.log(this.rescodeid[i].id)
      //   }
      // }
      // // console.log(index)
      // // console.log(index.column.label)
      // // this.bj1index = index;
      // // console.log(index.ds[0].levelid, "11111111111");
      // // // this.bjid1 = index.ds[0].levelid;
      // this.getTreeData()
    },

    hj(index) {
      this.arrindex = 'hj'
      this.hjindex = index
      this.getTreeDatahj()
    },
    deleteIOne(id){
      this.$confirm('确认要删除吗？')
        .then(_ => {
          this.deleteItem(id)
        })
    },
    async deleteItem(id) {
      if (this.detailInfo.type == 'hj') {
        console.log(this.arrindex, '9989')
        const result = await reqDeleteBottomList(id)

        if (result.data.code == 200) {
          this.$message.success('删除成功！')

          this.getTreeDatahj()
        } else {
          this.$message.success('删除失败！')
        }
      }
      if (this.detailInfo.type == 'dj') {
        console.log(this.arrindex, '9989')
        const result = await reqDeleteBottomList(id)

        if (result.data.code == 200) {
          this.$message.success('删除成功！')
          this.getTreeData()
        } else {
          this.$message.success('删除失败！')
        }
      }
    },
    async getTreeData() {
      const tableDataResult = await reqGetTreeTableData(
        this.detailInfo.id,
        this.detailInfo.deptId,
        this.detailInfo.teachingClassId,
        this.current,
        this.size
      )
      if (tableDataResult.data.code == 200) {
        this.tableData2 = tableDataResult.data.data

        this.timeStamps++
        // this.treeTableData.forEach((item) => {
        //   this.$set(item, "checked", false);
        // });
        if (this.tableData2 != '') {
          this.total = tableDataResult.data.data[0].tol
        }
      }
    },
    async getTreeData2(index) {
      const tableDataResult = await reqGetTreeTableData(
        this.bjid2,
        this.detailInfo.deptId,
        this.detailInfo.teachingClassId,
        this.current,
        this.size
      )
      if (tableDataResult.data.code == 200) {
        this.tableData2 = tableDataResult.data.data
        this.timeStamps++
        // this.treeTableData.forEach((item) => {
        //   this.$set(item, "checked", false);
        // });
        this.total = tableDataResult.data.data[0].tol
      }
    },
    async getTreeData3(index) {
      const tableDataResult = await reqGetTreeTableData(
        this.bjid3,
        this.deptId,
        this.teachingClassId,
        this.current,
        this.size
      )
      if (tableDataResult.data.code == 200) {
        this.tableData2 = tableDataResult.data.data
        this.timeStamps++
        // this.treeTableData.forEach((item) => {
        //   this.$set(item, "checked", false);
        // });
        this.total = tableDataResult.data.data[0].tol
      }
    },
    async getTreeData4(index) {
      const tableDataResult = await reqGetTreeTableData(
        this.bjid4,
        this.deptId,
        this.teachingClassId,
        this.current,
        this.size
      )
      if (tableDataResult.data.code == 200) {
        this.tableData2 = tableDataResult.data.data
        this.timeStamps++
        // this.treeTableData.forEach((item) => {
        //   this.$set(item, "checked", false);
        // });
        this.total = tableDataResult.data.data[0].tol
      }
    },
    async getTreeDatahj() {
      const tableDataResulthj = await reqGetTreeTableDatahj(
        this.teachingClassId,
        this.current,
        this.size
      )
      if (tableDataResulthj.data.code == 200) {
        this.tableData2 = tableDataResulthj.data.data
        this.timeStamps++
        // this.treeTableData.forEach((item) => {
        //   this.$set(item, "checked", false);
        // });
        this.total = tableDataResulthj.data.data[0].tol
      }
    },
    tjkc() {
      this.$router.push({ path: '/admin/course/addCourse' })
    },
    hjkcwh() {
      this.$router.push({ path: '/admin/course/awardCourse' })
    },
    getleft() {
      // console.log(1111);
      let parentId = '0'
      return new Promise(() => {
        sz(parentId).then((res) => {
          this.tablelist = res.data.data
          this.data = []
          for (let i = 0; i < this.tablelist.length; i++) {
            if (this.tablelist[i].deptCategory == 5) {
              let obj = {
                id: this.tablelist[i].id,
                label: this.tablelist[i].deptName,
                children: [],
              }
              this.data.push(obj)
            }
          }
          // console.log(this.data, 999999);
        })
      })
    },

    //点击教研室
    handleNodeClick(val, val2) {
      this.teachingClassId = val.id
      this.getTreeDatahj()
      this.isCAll = 'true';
      this.xueqiv = ''
      this.courseCode = ''
      this.courseName = ''
      this.subjectType = ''
      // console.log(val)
      // console.log('val2.parent.data =>', val2.parent.data, ', val =>', val)
      // this.teachingClassId = val.id
      // this.deptId = val2.parent.data.id
      // if (val.children == undefined) {
      //   this.tableData2 = []
      //   this.getrightt()
      // }
    },
    getrightt() {
      // this.deptId
      return new Promise(() => {
        kkms('',this.teachingClassId).then((res) => {
          this.tableData1 = res.data.data
          for (const item of this.tableData1) {
            item.deptName = this.deptName
            item.teachingClassName = this.detailInfo.teachingClassName
            this.headera = item.ds
            let obj = {
              level: '',
            }
          }

          this.timeStamp++
          for (let i = 0; i < this.headera.length; i++) {
            for (let j = 0; j < this.header.length; j++) {
              if (this.headera[i].level == this.header[j].level) {
                // console.log(this.header, "998999");

                this.header[j]['num'] = this.headera[i].num
                console.log(this.header, '1112')
              }
            }
          }
          console.log(this.header, '-------------------')
        })
      })
    },
    pjByIdGuide() {},
    pjByIdGuide2() {},
    handleCurrentChange(val) {
      this.current = val;
      if(this.isCAll == 'true'){
        this.getTreeDatahj()
      } else {
        this.getTreeData()
      }
    },
    handleSizeChange(val) {
      this.size = val
      if(this.isCAll == 'true'){
        this.getTreeDatahj()
      } else {
        this.getTreeData()
      }
    },
    //
    loadNode(node, resolve) {
      let parentId = node.data.id
      if (node.level === 1) {
        sz(parentId).then((res) => {
          let data = res.data.data
          data.forEach((item) => {
            item.label = item.deptName
            item.leaf = true
          })
          return resolve(data)
        })
      }
      if (node.level > 1) return resolve([])
    },
  },
}
</script>
<style scoped lang="less">
@import '../../../styles/print-entry.less';
/deep/.el-tree-node__label{
  font-size: 16px;
}
@fontFamily: 'Microsoft YaHei';
.xpaas-table-class {
  border: 1px solid #004ca7;
  border-radius: 9px;
  > ::v-deep div.el-table__header-wrapper {
    > table.el-table__header {
      > thead {
        > tr.xpaas-header-row-class {
          padding: 0;
          height: 76px;
          background-color: #edf2f9;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          line-height: 20px;
          color: #004ca7;
          > th.xpaas-header-cell-class {
            font-weight: bold;
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;
            > div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
  > ::v-deep div.el-table__body-wrapper {
    > table.el-table__body {
      > tbody {
        > tr.xpaas-row-class {
          > td.xpaas-header-cell-class {
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;
            > div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
          > td.xpaas-cell-class {
            height: 76px;

            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            > div.cell {
              font-weight: normal;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
}
.xpaasOne-table-class {
  border: 1px solid #004ca7;
  border-radius: 9px;
  > ::v-deep div.el-table__header-wrapper {
    > table.el-table__header {
      > thead {
        > tr.xpaasOne-header-row-class {
          padding: 0;
          height: 38px;
          background-color: #edf2f9;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          line-height: 20px;
          color: #004ca7;
          > th.xpaasOne-header-cell-class {
            font-weight: bold;
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;
            > div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
  > ::v-deep div.el-table__body-wrapper {
    > table.el-table__body {
      > tbody {
        > tr.xpaasOne-row-class {
          > td.xpaasOne-header-cell-class {
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;
            > div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
          > td.xpaasOne-cell-class {
            height: 38px;
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            > div.cell {
              font-weight: normal;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
}
.de-lucj-import-button {
  cursor: pointer;
  width: 75px;
  border-radius: 6px;
  display: block;
  background: #ffffff;
  border: none;
  background: #ffefef;
  border: 1px solid #ff3819;
  box-sizing: border-box;
  color: #ff3819;
  margin-left: 10px;
  img {
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}

.xg-lucj-import-button {
  cursor: pointer;
  width: 75px;
  display: block;
  background: #ffffff;
  border-radius: 6px;
  border: none;
  background: #f1fff8;
  border: 1px solid #02c86c;
  box-sizing: border-box;
  color: #02c86c;
  img {
    width: 14px;
    height: 14px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
}
/deep/.el-table--border th {
  border: 0.1px solid #c7d7eb;
}

/deep/.el-table td {
  border: 0.1px solid #c7d7eb;
}

.conintaer {
  width: 100%;
  display: flex;
  .left {
    float: left;
    width: 300px;
    border-right: 3px solid rgb(66, 126, 188);
    margin: -25px 0px;
    padding-top: 25px;
    height: calc(100vh - 95px);
  }
  .right {
    width: 100%;
    .assessment-container {
        width: 98%;
        float: right;
      .search-container {
        justify-content: flex-start;
      }
    }
  }
  .img {
    width: 12px;
    height: 12px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }
  .plan-entry-table-container {
    margin-top: 15px;
    .el-table td,
    .el-table th.is-leaf,
    .el-table--border,
    .el-table--group {
      // border-color: #c7d7eb;
    }
    /deep/.el-table th,
    .el-table tr {
      background-color: #edf2f9;
    }

    .el-table__header tr,
    .el-table__header th {
      padding: 0;
      height: 76px;
      background-color: #edf2f9;
      font-size: 16px;
      font-family: Microsoft YaHei;
      font-weight: bold;
      line-height: 20px;
      color: #004ca7;
    }
    /deep/.el-table thead {
      color: #004ca7 !important;
    }

    .el-table__body tr,
    .el-table__body td {
      padding: 0;
      height: 86px;
    }

    .el-checkbox__inner:hover {
      border-color: #004ca7;
    }

    .el-checkbox__inner {
      border: 1px solid #004ca7;
      border-radius: 0;
    }

    .el-checkbox__input.is-checked .el-checkbox__inner,
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #004ca7;
      border-color: #004ca7;
    }

    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #004ca7;
    }

    .el-checkbox.is-bordered.is-checked {
      border-color: #004ca7;
    }

    .el-checkbox__input.is-focus .el-checkbox__inner {
      border-color: #004ca7;
    }
  }
}
</style>
